import { resolve } from "path"
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
// https://vite.dev/config/
export default defineConfig({
  plugins: [react()],
  server: {
    hmr: true, // 确保 HMR 开启（默认就是 true，无需手动写，但如果被设为 false 需改回）
    open: true, // 自动打开浏览器
    cors: true, // 解决跨域（避免 HMR 信号被拦截）
  },
  css: {

    preprocessorOptions: {

      scss: {
        additionalData: `@use "@/assets/styles/variable.scss" as *;`
      },

    },

  },
  build: {
    // outDir 是生产构建的输出目录，dev 服务器不会使用它
    outDir: 'dist',
    // 其他 build 配置...
  },
  resolve: {

    alias: {

      "@": resolve(__dirname, "src"),

    },

  },
})
